Imagen en la cabecera que actualiza la página al mismo tiempo

Hay muchas formas de añadir una imagen en la cabecera del blog, de todas esta es la que me ha dado mejor resultado y al mismo tiempo requiere menos cambios en la plantilla.

Nos situamos en Plantilla/Edición HTML una vez allí donde dice:

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

Cambiamos el valor border:1px de header-wrapper y header a border: 0px

Más abajo a continuación de:
<div id='outer-wrapper'><div id='wrap2'> añadiremos lo siguiente:

<div id='header'>
<a href=' aquí-la-url-de-tu-página'><img border='0' height='190' src=" aquí-la-url-de-tu-imagen" width='670'/></a>
</div>

Podéis cambiar los valores width y height para ajustar el tamaño de la imagen.

Si a nuestra imagen le añadimos el título podemos eliminar el que por defecto aparece en el blog, para hacerlo sencillamente debemos buscar algo así:

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
visibility:hidden; display:none;
}

Y añadimos lo señalado en negrita, con eso es suficiente.